<html>

<head>
    <script src="https://gitee.com/zhaoyuze/webrtc/raw/master/adapter/adapter.js"></script>
    <script src="https://unpkg.com/peerjs@1.4.7/dist/peerjs.min.js"></script>
    <script src="https://gitee.com/zhaoyuze/webrtc/raw/master/main_video_screen_capture.js"></script>
    <!-- <script src="main_video_screen_capture.js"></script> -->
</head>

<body id="errorMsg">
    <style>
        #video {
            border: 1px solid #999;
            width: 98%;
            max-width: 860px;
        }

        .error {
            color: red;
        }

        .warn {
            color: orange;
        }

        .info {
            color: darkgreen;
        }
    </style>
    <input id="id_Rtext" type="text" value="IDonotknow" /> <button id="RegisterID"
        onclick="RegisterID()">RegisterID</button><br />
    <input id="id_text" type="text" value="chat_name" /> <button id="Connect" onclick="Connect_button()"
        disabled="disabled">Connect</button><br />
    <p>This example shows you the contents of the selected part of your display.
        Click the Start Capture button to begin.</p>

    <p><button id="start">Start Capture</button>&nbsp;<button id="stop">Stop Capture</button></p>

    <video id="video" autoplay></video>
    <video id="video2" style="border: 1px solid #999;width: 98%;max-width: 860px;" autoplay></video>
    <!-- <canvas id="video2" style="border: 1px solid #999;width: 98%;max-width: 860px;" autoplay></canvas> -->
    <br>
    <canvas></canvas>
    <strong>Log:</strong>
    <br>
    <pre id="log"></pre>


</body>

</html>